<template>
  <div class="home-echarts">
    <top-header></top-header>
    <!--    <div class="backpage" @click="backPage"> &#45;&#45;返回&#45;&#45;</div>-->
    <!-- <branch-echarts></branch-echarts> -->
    <!-- <temp1-echarts></temp1-echarts> -->
    <div class="map">
      <map-echarts></map-echarts>
    </div>
  </div>
</template>

<script>
import BranchEcharts from './components/BranchEcharts'
import Temp1Echarts from './components/Temp1Echarts'
import MapEcharts from './components/MapEcharts'
import TopHeader from '@/views/home/components/TopHeader'

export default {
  name: '',
  components: {
    BranchEcharts,
    Temp1Echarts,
    MapEcharts,
    TopHeader
  },
  data() {
    return {}
  },
  created() {
  },
  mounted() {
  },
  watch: {},
  computed: {},

  methods: {
    backPage() {
      this.$router.push('/video')
    }
  }
}
</script>

<style lang="scss" scoped>
.home-echarts{
  background-color: #100C2A;
  .map {
    height: 85%;
  }
}
.backpage {
  cursor: pointer;
  color: #f5f5f5;
  position: fixed;
  top: 20px;
  left: 45vw;
  font-size: 30px;
  z-index: 5000;

  & :hover {
    color: #f55555;
  }
}

</style>
